const messageModel = document.getElementById('messageModel');

function showModal(message, onConfirm, onCancel) {
    const modelMessage = document.getElementById('modalMessage');
    modelMessage.textContent = message;

    if (messageModel) {
        messageModel.style.display = 'block';

        const confirmButton = document.getElementById('confirmButton');

        if (confirmButton) {
            // 处理确认按钮点击事件
            confirmButton.onclick = function () {
                onConfirm();
                messageModel.style.display = 'none';
            };
        }

        const cancelButton = document.getElementById('cancelButton');

        if (cancelButton) {
            // 处理取消按钮点击事件
            cancelButton.onclick = function () {
                if (onCancel) {
                    onCancel();
                }
                modelMessage.style.display = 'none';
            };
        }
    }
}

const closeModel = document.getElementById('closeModal');

if (closeModel) {
    closeModel.addEventListener('click', evt => {
        messageModel.style.display = 'none';
    });
}

// 点击模态框外部关闭模态框
window.onclick = function (event) {
    if (event.target === messageModel) {
        messageModel.style.display = 'none';
    }
}

